<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>级联选择</title>
    <link rel="stylesheet" href="./view/级联选择/styles.css">
</head>
<body>
<!-- 级联选择 Unnamed (Rectangle) -->
<div id="u6685" class="ax_default heading_1">
    <div id="u6685_div" class=""></div>
    <div id="u6685_text" class="text ">
        <p><span>Cascader 级联选择</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u6686" class="ax_default heading_1">
    <div id="u6686_div" class=""></div>
    <div id="u6686_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u6687" class="ax_default label">
    <div id="u6687_div" class=""></div>
    <div id="u6687_text" class="text ">
        <p><span>从一组相关联的数据集合中进行选择，常用于省市区、公司级层、事务分类等。</span></p><p><span>相比 Select 组件，可以一次性完成选择，体验更好。</span></p><p><span>只实现了样式，用于在原型中展示可选择项的设置。</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u6688" class="ax_default" data-left="230" data-top="324" data-width="212" data-height="32">

    <!-- input-border (Rectangle) -->
    <div id="u6689" class="ax_default box_1" data-label="input-border">
        <div id="u6689_div" class=""></div>
        <div id="u6689_text" class="text ">
            <p><span>请选择</span></p>
        </div>
    </div>

    <!-- input-border (Rectangle) -->
    <div id="u6690" class="ax_default box_1" data-label="input-border">
        <img id="u6690_img" class="img " src="assets/images/选择器/input-border_u4633.svg"/>
        <div id="u6690_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u6691" class="ax_default box_1">
    <div id="u6691_div" class=""></div>
    <div id="u6691_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u6692" class="ax_default" selectiongroup="cascader-list-1-1" data-left="230" data-top="400" data-width="100" data-height="34">

    <!-- Unnamed (Rectangle) -->
    <div id="u6693" class="ax_default box_1 selected">
        <div id="u6693_div" class="selected"></div>
        <div id="u6693_text" class="text ">
            <p><span>江苏</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u6694" class="ax_default box_1 selected">
        <div id="u6694_div" class="selected"></div>
        <div id="u6694_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Vertical Line) -->
<div id="u6695" class="ax_default line">
    <img id="u6695_img" class="img " src="assets/images/级联选择/u6695.svg"/>
    <div id="u6695_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u6696" class="ax_default" selectiongroup="cascader-list-1-1" data-left="230" data-top="368" data-width="100" data-height="34">

    <!-- Unnamed (Rectangle) -->
    <div id="u6697" class="ax_default box_1">
        <div id="u6697_div" class=""></div>
        <div id="u6697_text" class="text ">
            <p><span>北京</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u6698" class="ax_default box_1">
        <div id="u6698_div" class=""></div>
        <div id="u6698_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Vertical Line) -->
<div id="u6699" class="ax_default line">
    <img id="u6699_img" class="img " src="assets/images/级联选择/u6695.svg"/>
    <div id="u6699_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u6700" class="ax_default" selectiongroup="cascader-list-1-2" data-left="331" data-top="401" data-width="100" data-height="32">

    <!-- Unnamed (Rectangle) -->
    <div id="u6701" class="ax_default box_1 selected">
        <div id="u6701_div" class="selected"></div>
        <div id="u6701_text" class="text ">
            <p><span>苏州</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u6702" class="ax_default box_1 selected">
        <div id="u6702_div" class="selected"></div>
        <div id="u6702_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u6703" class="ax_default" selectiongroup="cascader-list-1-2" data-left="331" data-top="368" data-width="100" data-height="34">

    <!-- Unnamed (Rectangle) -->
    <div id="u6704" class="ax_default box_1">
        <div id="u6704_div" class=""></div>
        <div id="u6704_text" class="text ">
            <p><span>南京</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u6705" class="ax_default box_1">
        <div id="u6705_div" class=""></div>
        <div id="u6705_text" class="text ">
            <p><span></span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u6706" class="ax_default" selectiongroup="cascader-list-1-3" data-left="432" data-top="401" data-width="100" data-height="34">

    <!-- Unnamed (Rectangle) -->
    <div id="u6707" class="ax_default box_1">
        <div id="u6707_div" class=""></div>
        <div id="u6707_text" class="text ">
            <p><span>狮子林</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u6708" class="ax_default box_1">
        <div id="u6708_div" class=""></div>
        <div id="u6708_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u6709" class="ax_default" selectiongroup="cascader-list-1-3" data-left="432" data-top="368" data-width="100" data-height="35">

    <!-- Unnamed (Rectangle) -->
    <div id="u6710" class="ax_default box_1 selected">
        <div id="u6710_div" class="selected"></div>
        <div id="u6710_text" class="text ">
            <p><span>拙政园</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u6711" class="ax_default box_1 selected">
        <div id="u6711_div" class="selected"></div>
        <div id="u6711_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u6712" class="ax_default" selectiongroup="cascader-list-1-3" data-left="432" data-top="435" data-width="100" data-height="34">

    <!-- Unnamed (Rectangle) -->
    <div id="u6713" class="ax_default box_1 disabled">
        <div id="u6713_div" class="disabled"></div>
        <div id="u6713_text" class="text ">
            <p><span>禁用状态</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u6714" class="ax_default box_1 disabled">
        <div id="u6714_div" class="disabled"></div>
        <div id="u6714_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>
</body>
</html>
